.content {
  .login-box {
    width: 100%;
  }
  // 重置input输入框
  .reset-input {
    background-color: none;
    outline: none;
    border: none;
  }
  // 手机号输入框
  .phone-box {
    width: 96%;
    height: 61px;
    padding: 0px 2%;
    .phone {
      width: 100%;
      height: 99.9%;
      border-bottom: 1px solid #e5e5e5;
    }
    .orange {
      width: 24px;
      height: 24px;
      right: 4%;
      border-radius: 50%;
      color: #fe8100;
      background-color: #e5e5e5;
    }
  }
 

  // 验证码
  .prove-box {
    width: 96%;
    height: 61px;
    padding: 0px 2%;
    .code {
      height: 100%;
      width: 100%;
      border-bottom: 1px solid #e5e5e5;
    }
    .get-code {
      width: 114px;
      height: 29px;
      right: 21px;
      border-radius: 8px;
      border-color: transparent;
      background-color: #fe8100;
    }
  }

  // 按钮S
  .user-control {
    padding: 17px 0;
    .control-button {
      width: 117px;
      height: 35px;
      font-weight: 600;
      border: 1px solid #d3d3d3;
      border-radius: 8px;
      background-color: #f8f8f8;
    }
    .can {
      background-color: #fe8100;
      color: #fff;
    }
    
    .cancel {
      color: #000;
    }
    .login {
      color: #bcbcbc;
    }
  }

  // 图标高亮颜色 向其父元素盒子添加
  .highlight {
    i {
      color: #fe8100;
    }
  }
}
